{{ template "header.html" }}

<div class="item">
    WebToolsGo--随机数生成
</div>

<div class="checkbox">
    <label>
        <input type="checkbox" value="0123456789" name="type[]" checked>
    </label> 数字 【0123456789】
</div>
<div class="checkbox">
    <label>
        <input type="checkbox" value="abcdefghijklmnopqrstuvwxyz" name="type[]" checked>
    </label> 小写字母 【abcdefghijklmnopqrstuvwxyz】
</div>
<div class="checkbox">
    <label>
        <input type="checkbox" value="ABCDEFGHIJKLMNOPQRSTUVWXYZ" name="type[]" checked>
    </label> 大写字母 【ABCDEFGHIJKLMNOPQRSTUVWXYZ】
</div>
<div class="checkbox">
    <label>
        <input type="checkbox" value="~!@#$%^&*()[{}]-+=;:'<>.?/,\|" name="type[]">
    </label> 特殊符号 【~!@#$%^&*()[{}]-+=;:'<>.?/,\|】
</div>

<div class="checkbox">
    <label>
        随机数长度：
        <input type="number" name="len" value="16">
    </label>
</div>

<button onclick="generateRand()">生成</button>
<div id="randAns"></div>

<script>
    function generateRand() {
        var types = new Array()
        var typesDom = $("input[name='type[]']:checked")
        for (let i = 0; i < typesDom.length; i++) {
            types[i] = typesDom[i].value
        }
        var len = $("input[name='len']").val()
        $.post("/rand", {"len": len, "types": types}, function (res) {
            $("#randAns").text(res.msg)
        }, "json")
    }
</script>

{{ template "footer.html" }}